<template>
    <div class="wookstatus">
        <div class="title">今日工作状态</div>
        <div class="img flex_c">
            <img v-if="weekDay == '星期一'" src="@/assets/images/weeks/Monday.png" alt="">
            <img v-if="weekDay == '星期二'" src="@/assets//images/weeks/Tuesday.png" alt="">
            <img v-if="weekDay == '星期三'" src="@/assets/images/weeks/Wednesday.png" alt="">
            <img v-if="weekDay == '星期四'" src="@/assets/images/weeks/Thursday.png" alt="">
            <img v-if="weekDay == '星期五'" src="@/assets/images/weeks/Friday.png" alt="">
            <img v-if="weekDay == '星期六' || weekDay == '星期日'" src="@/assets/images/weeks/Other.jpg" alt="">
        </div>
    </div>
</template>

<script setup lang="ts">
defineProps(["weekDay"])
</script>

<style lang="scss" scoped>
.wookstatus {
    width: 100%;
    height: 250px;
    padding: 16px;
    background-color: rgba(56, 52, 108);
    box-sizing: border-box;

    .title {
        font-weight: 700;
        margin-bottom: 12px;
        color: #FFF;
    }

    .img {
        width: 100%;

        img {
            width: 85%;
            height: auto;
        }
    }
}
</style>